<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" 
	xmlns:p="http://primefaces.org/ui"
	lang="en">

<ui:decorate template="/WEB-INF/template/pagina.xhtml">
	<ui:define name="conteudo">
		
		<h4>Espaço dedicado aos clientes, colaboradores e amigos...</h4>
		
		<hr />
		
		<h:panelGroup rendered="#{BlogSiteMB.modoListar}">
			<ui:repeat var="post" value="#{BlogSiteMB.lista}">
				<div class="row-fluid">
					<div class="span4"></div>
					<div class="span4" align="center">
						<h:graphicImage 
							value="#{post.caminhoImagemPrincipal}" 
							width="240" 
							height="180" 
							styleClass="img-polaroid"
							rendered="#{not empty post.caminhoImagemPrincipal}"/>
					</div>
					<div class="span4"></div>
				</div>
				
				<div class="row-fluid">
					<div class="span1"></div>
					<div class="span10" style="padding-top: 20px;">
					<h:form>
						<h:commandLink action="#{BlogSiteMB.editar(post)}">
							<h3 align="center">
								<h:outputText value="#{post.titulo}"/>
							</h3>
						</h:commandLink>
					</h:form>	
							<p>
								<h:outputText value="#{post.texto}"/>
							</p>
						
					</div>
					<div class="span1"></div>
				</div>
				
				<hr />
			</ui:repeat>
		</h:panelGroup>
		
		<h:panelGroup rendered="#{BlogSiteMB.modoEditar}">
			<div class="row-fluid">
				<div class="span4"></div>
				<div class="span4" align="center">
					<h:graphicImage 
						value="#{BlogSiteMB.entidade.caminhoImagemPrincipal}" 
						width="500" 
						height="313" 
						styleClass="img-polaroid"
						rendered="#{not empty BlogSiteMB.entidade.caminhoImagemPrincipal}"/>
				</div>
				<div class="span4"></div>
			</div>
			
			<div class="row-fluid">
				<div class="span1"></div>
				<div class="span10" style="padding-top: 20px;">
					<h3 align="center">
						<h:outputText value="#{post.titulo}"/>
					</h3>
							
					<p>
						<h:outputText value="#{post.texto}"/>
					</p>
				</div>
				<div class="span1"></div>
			</div>
			
			<div class="row-fluid" align="center">
				<div class="span6">
					<h:graphicImage value="#{BlogSiteMB.entidade.caminhoImagem1}" rendered="#{not empty BlogSiteMB.entidade.caminhoImagem1}" styleClass="img-polaroid"/>
				</div>
				
				<div class="span6">
    				<h:graphicImage value="#{BlogSiteMB.entidade.caminhoImagem2}" rendered="#{not empty BlogSiteMB.entidade.caminhoImagem2}" styleClass="img-polaroid"/>
    			</div>
    		</div>
    		<div class="row-fluid" align="center">
    			<div class="span6">
    				<h:graphicImage value="#{BlogSiteMB.entidade.caminhoImagem3}" rendered="#{not empty BlogSiteMB.entidade.caminhoImagem3}" styleClass="img-polaroid"/>
    			</div>
    			
    			<div class="span6">
    				<h:graphicImage value="#{BlogSiteMB.entidade.caminhoImagem4}" rendered="#{not empty BlogSiteMB.entidade.caminhoImagem4}" styleClass="img-polaroid"/>
    			</div>
			</div> 
			
			<hr />
		</h:panelGroup>
	</ui:define>
</ui:decorate>
</html>
